body {
	padding: 20px;
}

#console {
	height: 300px;
	overflow: auto;
}

.username-msg {
	color: orange;
}

.connect-msg {
	color: green;
}

.disconnect-msg {
	color: red;
}

.send-msg {
	color: #888
}

#page_msg {
	border: 1px solid #000;
	width: 800px;
	height: 500px;
	margin: 0 auto;
	margin-top: 5px;
	text-align: left;
}

div {
	background-color: #fff;
	border: 1px solid #000;
	margin: 1px;
}
/* 麻将 */
.majiang {
	width: 5%;
	height: 88%;
	float: left;
}

.mmajiang {
	height: 88%;
	float: left;
}

.lrmajiang {
	width: 88%;
	height: 5%;
	float: right;
}

.lrmmajiang {
	height: 5%;
	float: right;
}


.cmajiang {
	width: 5%;
	height: 10%;
	float: left;
}

.playmajiang {
	float: left;
}

/* top */
.topmj {
	position: absolute;
	margin: auto;
	left: 1%;
	right: 1%;
	top: 55%;
	bottom: 5%;
}

.topmmj {
	position: absolute;
	margin: auto;
	left: 1%;
	right: 1%;
	top: 5%;
	bottom: 55%;
}
/* left right */
.leftrightmj {
	position: absolute;
	margin: auto;
	left: 5%;
	right: 55%;
	top: 1%;
	bottom: 1%;
}

.leftrightmmj {
	position: absolute;
	margin: auto;
	left: 55%;
	right: 5%;
	top: 1%;
	bottom: 1%;
}
/* 中 */
.centermj {
	position: absolute;
	margin: auto;
	left: 1%;
	right: 1%;
	top: 1%;
	bottom: 1%;
}

/* bottom */
.mj {
	position: absolute;
	margin: auto;
	left: 1%;
	right: 40%;
	top: 55%;
	bottom: 5%;
}

.mmj {
	position: absolute;
	margin: auto;
	left: 1%;
	right: 40%;
	top: 5%;
	bottom: 55%;
}

.mjbun {
	position: absolute;
	margin: auto;
	left: 61%;
	right: 1%;
	top: 5%;
	bottom: 5%;
}

/* div框架 */
#page_container {
	border: 1px solid #000;
	width: 800px;
	height: 500px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

#top {
	/* 	height: 20%; */
	position: absolute;
	margin: auto;
	left: 20%;
	right: 20%;
	top: 1%;
	bottom: 80%;
}

#left {
	/* 	width: 20%; */
	/* 	height: 80%; */
	position: absolute;
	margin: auto;
	left: 1%;
	right: 81%;
	top: 1%;
	bottom: 21%;
}

#center {
	/* 	width: 50%; */
	/* 	height: 50%; */
	position: absolute;
	margin: auto;
	left: 20%;
	right: 20%;
	top: 21%;
	bottom: 21%;
}

#right {
	/* 	width: 20%; */
	/* 	height: 80%; */
	position: absolute;
	margin: auto;
	left: 81%;
	right: 1%;
	top: 1%;
	bottom: 21%;
}

#bottom {
	/* 	height: 20%; */
	position: absolute;
	margin: auto;
	left: 1%;
	right: 1%;
	top: 80%;
	bottom: 1%;
}